<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="description" content="WebRTC code samples">
    <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1">
    <meta itemprop="description" content="Client-side WebRTC code samples">
    <meta itemprop="name" content="WebRTC code samples">
    <meta name="mobile-web-app-capable" content="yes">
    <meta id="theme-color" name="theme-color" content="#ffffff">

    <title>文件传输</title>
    <style>
        body {
            -webkit-app-region: drag;
            background-color: #ddd;
            font-size: 1em;
            user-select: none;
            margin: 0px;
        }

        button {
            font-size: 20px;
            margin-top: 12px;
        }

        .progress {
            display:flex;
            flex-direction: row;
            margin-top:4px;
            margin-bottom: 4px;
            width:100%;
        }

        #title {
            font-size:24px;
        }

        #progress {
            margin-right:8px;
            flex:1;
        }

        #hangup {
            width:20px;
            height:20px;
        }

        #container {
            margin-left: 16px;
            margin-right: 16px;
        }

    </style>

</head>

<body>

    <div id="container">
        <div id="duration" style="display: none">00:00</div>

        <div id="title"></div>
        <div class="progress">
            <progress id="progress" max="0" value="0"></progress>
            <img id="hangup" src="../images/cancel.png" onclick="onHangUp()"></img>
        </div>
        <div id="bitrate">0.0KB/s</div>
        <button id="open" style="display: none" onclick="onOpen()">打开</button>
        <button id="open-dir" style="display: none" onclick="onOpenDir()">打开目录</button>
    </div>

    <script src="./adapter.js"></script>
    <script src="./file.js"></script>
</body>

</html>
